$(function () {
    /**
     * 获取搜索框内容，要进行非空判断
     * 存数据前先获取已经存在数据转为数组
     */
    $(".search-btn").click(function () {
        let val = $("#search").val()
        if (val.trim() == "") {
            return
        }
        let arr = []
        let keyword = localStorage.getItem("keyword")
        // 如果有数据
        if (keyword != null) {
            arr = JSON.parse(keyword)
        }
        // 从数组头部添加
        arr.unshift(val)
        localStorage.setItem("keyword", JSON.stringify(arr))
        $("#search").val("")
        getallDate()
    })
    // debugger;
    function getallDate() {
        let keyword = localStorage.getItem("keyword")
        let arr =JSON.parse(keyword)
        let html=""
        for (let i = 0; i < arr.length; i++) {
            html+=`<span>${arr[i]}</span>`
        }
        $(".listbox").html(html)
    }
    $("#del").click(function(){
        localStorage.clear()
        $(".listbox").html("")
    })
    $(".back").on("click",function(){
        history.go(-1)
    })
})